<ion-header>
  <ion-navbar>
      <ion-title>
          设置
      </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
<ion-list class="top-list">
  <button ion-item (tap)="showInfo()">
    <ion-avatar item-start>
      <img src="assets/imgs/avatar.png" />
    </ion-avatar>
    <h2>管理员</h2>
    <p>广州天智汇</p>
  </button>
</ion-list>

<ion-list>
  <button ion-item>
    <ion-icon name="eye" class="theme-icon" item-start></ion-icon>
      安全
  </button>
  <button ion-item>
    <ion-icon name="swap" class="theme-icon" item-start></ion-icon>
      传输
  </button>
</ion-list>

<ion-list>
  <button ion-item (tap)="changeTheme();">
    <ion-icon name="color-palette" item-start class="theme-icon"></ion-icon>
      主题
  </button>
</ion-list>

<ion-list>
    <button ion-item>
      <ion-icon name="flag" class="theme-icon" item-start></ion-icon>
        版本号
        <span  item-end>V1.0</span>
    </button>
    <button ion-item  (tap)="about()">
      <ion-icon name="information-circle" class="theme-icon" item-start></ion-icon>
        关于
    </button>
</ion-list>


  <div style="text-align: center; margin-left: 30px; margin-right: 30px;margin-top: 30px;">
      <button ion-button block (click)="logout()" class="theme-button-bg">
          退出登录
      </button>
  </div>
</ion-content>